<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>APP下载</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=yes" name="format-detection" />
    <link href="css/index.css" rel="stylesheet" type="text/css">
    <script src="js/jquery-1.8.3.min.js"></script>
    <style type="text/css">
        .content{margin: 0;padding: 0;width: 100%;}
        .content-1{margin: 0 auto;width: 100%;text-align: center;background-color: #fff;}
        .content-1 img{width:50%;}
        .content-2{margin: 0 auto;width: 100%;height:70px;text-align: center;background-color: #fff;}
        .content-2 a{margin-top: 15px; display: inline-block; width: 70%;height:30px;background-color:#00a2ed;color: #fff;font-size: 1rem;line-height: 30px;}
        .content-3{margin: 0;padding: 0;width: 100%;height: 10px;background:url(images/shade.jpg) repeat-x;}
        .content-4{margin: 0 auto;width: 100%;background-color:#fff;text-align: center; }
        .content-4 img{margin-top: 5px; width:85%;}
        .content-5{margin: 0 auto;padding-top: 10px;width: 100%;background-color: #fff;}
        .content-5-1{margin:0 auto; padding: 0; width: 90%;line-height: 20px;}
        .content-5-1 p{text-align: justify;font-size: 0.8rem;}
        .content-6{margin: 0;padding-top: 20px;width: 100%;height:40px;background-color:#fff;}
        .content-6-1{margin: 0 auto;padding: 0;width: 90%;line-height: 20px;}
        .content-6-1 span{margin-bottom: 5px;}
        .content-7{margin: 0;padding-top:20px;width: 100%;height:50px;background-color: #fff;text-align: center;}
        .content-7 img{width:90%; }
        .wxtip{background: rgba(0,0,0,0.8); text-align: center; position: fixed; left:0; top: 0; width: 100%; height: 100%; z-index: 998; display: none;}
        .wxtip-icon{width: 52px; height: 67px; background: url(images/weixin-tip.png) no-repeat; display: block; position: absolute; right: 20px; top: 20px;}
        .wxtip-txt{margin-top: 107px; color: #fff; font-size: 16px; line-height: 1.5;}
    </style>
</head>
<body>
<div class="viewport">
    <div class="content">
        <div class="content-1">
            <img src="images/2.jpg">
        </div>
        <div class="content-2">
            <a href="https://app.fangcloud.com/android/fangcloud-android-latest.apk?t=1468487720https://app.fangcloud.com/android/fangcloud-android-latest.apk?t=1468487720" id="JdownApp">掌上农商易APP下载</a>
        </div>
        <div class="content-3"></div>
        <div class="content-4"><img src="images/3.jpg"></div>
        <div class="content-5">
            <div class="content-5-1">
                <p>下载农商易，农商易更容易。服务于农贸批发，餐饮行业，购销商等广大农产品需求大的公司。</p>
            </div>
        </div>
        <div class="content-6">
            <div class="content-6-1">
                <span>版本：1.0</span><br/>
                <span>上线时间：2016年7月14日</span>
            </div>
        </div>
        <div class="content-7"><img src="images/4.jpg"></div>
    </div>
    <div class="wxtip" id="JweixinTip">
        <span class="wxtip-icon"></span>
        <p class="wxtip-txt">点击右上角<br/>选择在浏览器中打开</p>
    </div>
</div>
</body>
</html>
<script type="text/javascript">
    var ua = navigator.userAgent;
    var isWeixin =  !!/MicroMessenger/i.test(ua);
    function weixinTip(ele){
        var ua = navigator.userAgent;
        var isWeixin = !!/MicroMessenger/i.test(ua);
        if(isWeixin){
            ele.onclick=function(e){
                window.event? window.event.returnValue = false : e.preventDefault();
                document.getElementById('JweixinTip').style.display='block';
            };
            document.getElementById('JweixinTip').onclick=function(){
                this.style.display='none';
            }
        }
    }
    var btn1 = document.getElementById('JdownApp');
    weixinTip(btn1);
</script>